@import '../../../assets/css/CommonStyle.scss';

#Doctor-DoctorGroup {
  padding: 0 m-w(30);
  & > .groupHeader {
    .deleteSure {
      color: #d0021b;
      margin-left: m-w(30);
    }
  }
  .groupList {
    margin-top: m-h(36);
    .groupItem {
      background-color: #fff;
      box-shadow: 0 4px 9px 0 rgba(87, 82, 82, 0.1);
      border-radius: 8px;
      padding: m-h(32) m-w(16);
      margin-bottom: m-h(36);
      p {
        color: #333;
        opacity: 0.5;
        overflow: hidden;
        word-break: break-word;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }

      .groupItemHeader {
        display: flex;
        align-items: center;
        margin-bottom: m-w(16);
        .deleteIcon {
          width: m-w(32);
          height: m-w(32);
          margin-right: m-w(6);
        }
        .itemTitle {
          width: 55%;
          font-size: m-w(34);
          font-weight: bold;
          @include nowrap-elips;
        }
        .itemLabel {
          flex: 1;
          display: flex;
          align-items: center;
          flex-wrap: nowrap;
          justify-content: flex-end;
          text-align: right;
          .itemCount {
            white-space: nowrap;
          }
          .detailsArrow {
            width: 12px;
            height: 12px;
            color: #999;
          }
          .itemPhoto {
            margin-right: m-w(36);
            flex: 1;
            display: flex;
            align-items: center;
            flex-wrap: nowrap;
            justify-content: flex-end;
            & > div {
              width: m-w(25);
            }
            img {
              display: inline-block;
              border: 1px solid #fff;
              border-radius: 50%;
              width: m-w(50);
            }
          }
        }
      }
    }
  }

  /*  .rightArea {
    float: right;
    .cancel {
      color: #429cff;
    }
  }*/
  /*.groupList {
    overflow: scroll;
    height: m-w(1040);
    .noGroup {
      img {
        width: m-w(240);
        height: m-w(240);
        margin-top: m-w(80);
      }
      p {
        font-size: m-w(22);
        margin-top: m-w(40);
        color: #afa7a7;
      }
    }
    .groupItem {
      width: m-w(690);
      height: m-w(198);
      box-shadow: 0px 0px 30px 0px rgba(87, 82, 82, 0.1);
      border-radius: 8px;
      margin: m-w(24) 0;
      padding: m-w(32) m-w(16);
      p {
        margin-bottom: m-w(10);
      }
      .titleArea {
        display: flex;
        .deleteIcon {
          width: m-w(32);
          height: m-w(32);
          margin: m-w(5) m-w(5) 0 0;
        }
        .title {
          padding: 0;
          width: m-w(380);
          font-weight: 500;
          margin-right: m-w(54);
          @include nowrap-elips;
        }
        .detailsArrow {
          height: m-w(25);
          width: m-w(25);
          margin-top: m-w(5);
          margin-left: m-w(5);
        }
        .imgArea {
          width: m-w(136);
          position: relative;
          img {
            width: m-w(40);
            height: m-w(40);
            border-radius: 100px;
            position: absolute;
          }
          img:nth-child(1) {
            left: 0;
            z-index: 5;
          }
          img:nth-child(2) {
            left: m-w(20);
            z-index: 4;
          }
          img:nth-child(3) {
            left: m-w(40);
            z-index: 3;
          }
          img:nth-child(4) {
            left: m-w(60);
            z-index: 2;
          }
          img:nth-child(5) {
            left: m-w(80);
            z-index: 1;
          }
        }
      }
      .contentDes {
        font-size: m-w(26);
        color: #afa7a7;
        text-align: left;
        word-break: break-all;
        height: m-w(80);
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-box;
      }
    }
  }*/
}
